/* hmenu-2rows.css */
/******************************************
Widget (horizontal menu with 2 menu rows)
<div>
  <ul id="hmenu-2rows">
  	<li><a href="#">Home</a></li>
  	<li><a href="#" class="here">About</a>
  		<ul>
  			<li><a href="#">Vision</a></li>
  			<li><a href="#">Team</a></li>
  			<li><a href="#">Culture</a></li>
  			<li><a href="#">Careers</a></li>
  			<li><a href="#" class="here">History</a></li>
  			<li><a href="#">Sponsorship</a></li>
  		</ul>
  	</li>
  	<li><a href="#">News</a></li>
  	<li><a href="#">Proof</a></li>
  	<li><a href="#">Process</a></li>
  	<li><a href="#">Expertise</a></li>
  	<li><a href="#">Help</a></li>
   </ul>
</div>
--------------------------------------- **/

#hmenu-2rows {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

#hmenu-2rows LI {
	float:left;
	margin:0;
	padding:0;
}

#hmenu-2rows A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#hmenu-2rows A:hover,
#hmenu-2rows A:active,
#hmenu-2rows A.here:link,
#hmenu-2rows A.here:visited {
	background:#bbb;
}

#hmenu-2rows A.here:link,
#hmenu-2rows A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#hmenu-2rows UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#hmenu-2rows UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#hmenu-2rows UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#hmenu-2rows UL A:hover,
#hmenu-2rows UL A:active,
#hmenu-2rows UL A.here:link,
#hmenu-2rows UL A.here:visited {
	color:#444;
}
